<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<%@ taglib prefix="cw" uri="/widget-tags"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<cw:base />
		<title>信息登记</title>
	</head>
	<body>
	<ul>
		<li>
			<b>分组表格以分组形式展示表格数据。指定一个分组列，该列的数据值相同的记录归入同一组，可以以这个分组值展开和折叠记录。</b>
		</li>
		<li>
			<b>分组表格构件的groupField属性为分组列的字段名称，即对应表格列控件的property属性。</b>
		</li>
		<li>
			<b>分组表格构件支持对分组的数据进行统计，showGroupState属性为是否启用分组统计，subSummaryText属性为分组统计栏的标题，然后会在分组统计栏显示分组的统计数据。</b>
		</li>
	</ul>
	<br/>
	<br/>
	<ul>
		<li>
			分组表格，设置groupField为industry
			<cw:groupGrid url="../../../../sample/grid/groupgrid.action" width="600" groupField="industry" title="分组表格">
				<cw:gridColumn property="company" width="40%" title="company"></cw:gridColumn>
				<cw:gridColumn property="price" width="20%" title="price" renderer="function(v){return Wonders.utils.Format.money(v,'￥')}"></cw:gridColumn>
				<cw:gridColumn property="change" width="20%" title="change"></cw:gridColumn>
				<cw:gridColumn property="industry" width="20%" title="industry"></cw:gridColumn>
			</cw:groupGrid>
			<br/>
		</li>
		<li>
			分组表格，设置groupField为industry，并显示总体统计和分组统计，设置showGlobalStat、showGroupStat为true，summaryText、subSummaryText分别为总体和分组统计文本
		</li>
		<li>
			统计栏中company列显示记录数量，price列显示价格总和，change列显示零头总和(精确到小数点后1位),exportable支持导出全部数据
			<cw:groupGrid url="../../../../sample/grid/groupgrid.action" width="600" groupField="industry" title="分组表格"
				showGlobalStat="true" showGroupStat="true" summaryText="总计" subSummaryText="汇总" exportable="true" >
				<cw:gridColumn property="company" width="40%" title="company" summaryType="count"></cw:gridColumn>
				<cw:gridColumn property="price" width="20%" title="price" renderer="function(v){return Wonders.utils.Format.money(v,'￥')}" summaryType="sum"></cw:gridColumn>
				<cw:gridColumn property="change" width="20%" title="change" summaryType="sum" summaryDecimalPrecision="1"></cw:gridColumn>
				<cw:gridColumn property="industry" width="20%" title="industry"></cw:gridColumn>
			</cw:groupGrid>
			<br/>
		</li>
	</ul>
	</body>
	<cw:theme></cw:theme>
</html>
